<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>{$conf.name}</title>
  <meta name="keywords" content="{$conf.keyword}">
  <meta name="description" content="{$conf.description}">
  <link href="http://www.ayibang.com/favicon.ico" rel="icon" type="image/x-icon">
  <meta name="renderer" content="webkit">
  <meta name="author" content="Alvaro Trigo Lopez">
  <meta name="Resource-type" content="Document">
  <style>
    #fullpage {
      display: none;
    }
  </style>
  <link rel="stylesheet" type="text/css" href="__INDEX__/public/page-animation_a91922d.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/index.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/public/yjfk_3eef93e.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/ceb.css">

  <style type="text/css">
    ol,
    ul {
      list-style: none;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .section-wrap {
      width: 100%;
      height: 100%;
      overflow: visible;
      transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
    }

    .section-wrap .section {
      position: relative;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .put-section-0 {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }

    .put-section-1 {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
    }

    .put-section-2 {
      transform: translateY(-200%);
      -webkit-transform: translateY(-200%);
    }

    .put-section-3 {
      transform: translateY(-300%);
      -webkit-transform: translateY(-300%);
    }

    .section-btn {
      width: 14px;
      position: fixed;
      right: 4%;
      top: 50%;
    }

    .section-btn li {
      width: 9px;
      height: 9px;
      cursor: pointer;
      text-indent: -9999px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      margin-bottom: 12px;
      background: #CCCACA;
      text-align: center;
      color: #fff;
      onsor: pointer;
    }

    .section-btn li.on {
      background: #00BEAF
    }

    .arrow {
      opacity: 1;
      animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      line-height: 60px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      overflow: hidden;
    }

    .arrow:hover {
      animation-play-state: paused;
      -webkit-animation-play-state: paused;
    }

    @keyframes arrow {

      0%,
      100% {
        bottom: 10px;
        opacity: 1;
      }

      50% {
        bottom: 50px;
        opacity: .5
      }
    }

    @-webkit-keyframes arrow {

      0%,
      100% {
        bottom: 10px;
        opacity: 1;
      }

      50% {
        bottom: 50px;
        opacity: .5
      }
    }

    .bigBox {
      margin-top: 3%;
      background: #3E4366;
    }

    .maxBox {
      width: 1140px;
      margin: 0 auto;
      padding-top: 10px;
      color: #fff;
      height: 100vh;
    }

    .box {
      float: left;
      width: 20%;
      margin: 0 auto;
      margin-top: 30px;
    }

    .neil {
      width: 80%;
      margin-left: 10%;
      font-size: 13px;
      padding-top: 20px;
      text-align: left;
    }

    .neurone {
      margin-bottom: 15px;
    }

    .link {
      color: #fff;
    }

    .link div {
      height: 15px;
      line-height: 15px;
    }

    .header {
      position: relative;
    }

    .dingles {
      font-size: 30px;
      position: absolute;
      left: 200px;
      top: 15px;
    }
  </style>
</head>

<body>
  <div class="header">
    <div class="topcenter">
      <a href="javascript:void(0)" class="logo"></a>
      <div class="phonenum">
      </div>
      <ul class="list">
        <li id="activityon" class="on"><a href="{:url('index/index')}">首页</a></li>
        <li><a href="{:url('family/index')}">家政服务</a></li>
        <li><a href="{:url('enter/index')}">企业服务</a></li>
        <li><a href="{:url('news/index')}">新闻资讯</a></li>
        <li><a href="{:url('about/index')}">关于我们</a></li>
        <li><a href="{:url('join/index')}">加入我们</a></li>
        <li><a href="{:url('contact/index')}">联系我们</a></li>
      </ul>
    </div>
    <div class="dingles">
      赤峰哈图家政物业公司
    </div>
  </div>
  <div id="fullpage" class="fullpage-wrapper" style="height: 100%; position: relative; display: block; touch-action: none; transition: all 800ms ease; transform: translate3d(0px, 0px, 0px);">
    <section class="section-wrap">
      <div class="section section-1">
        <div class="section fp-section fp-table s1 active fp-completely" id="section0" data-anchor="firstPage" style="background-color: rgb(255, 255, 255); height: 834px;">
          <div class="fp-tableCell" style="height: 834px;">
            <div style="position: absolute;bottom: 20px;left: 20px;"><img src="__INDEX__/public/ad_tag_fb151b7.png"></div>
            <div class="centerbox">
              <div class="leftbox">
                <div class="wechatbox" style="font-size:75px; font-family: Forte; color:#00BEAF; width:100%; position: fixed; left: -2%; top: 190px;">
                </div>
              </div>
              <div class="girl"></div>
            </div>
          </div>
        </div>

      </div>

      <div class="section section-2">

        <div class="section fp-section fp-table s2" id="section1" data-anchor="secondPage" style="background-color: rgb(255, 255, 255); height: 834px;">
          <div class="fp-tableCell" style="height: 834px;">
            <div class="center">
              <div class="title">
                <h1><img src="__INDEX__/public/tit1_73b58f9.png"></h1>
                <p>家庭服务快捷下单，尽享悠闲生活</p>
              </div>
              <div class="service">
                <ul class="servicelist" style="margin-left:-35%;">
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco1 step step3 scaleBig" data-delay="800"></div>
                      </div>
                    </a>
                    <div class="servicebox step step4 ifadeIn" data-delay="1800">
                      {foreach $baojie as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco4 step step3 scaleBig" data-delay="1000"></div>
                      </div>
                    </a>
                    <div class="servicebox step step5 ifadeIn" data-delay="1800">
                      {foreach $baomu as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco5 step step3 scaleBig" data-delay="1200"></div>
                      </div>
                    </a>
                    <div class="servicebox step step6 ifadeIn" data-delay="1800">
                      {foreach $banjia as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco7 step step3 scaleBig" data-delay="1400"></div>
                      </div>
                    </a>
                    <div class="servicebox step step8 ifadeIn" data-delay="1800">
                      {foreach $weixiu as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco3 step step3 scaleBig" data-delay="1600"></div>
                      </div>
                    </a>
                    <div class="servicebox step step9 ifadeIn" data-delay="2000">
                      {foreach $jiadian as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                  <li>
                    <a href="{:url('family/index')}">
                      <div class="Icobox">
                        <div class="serviceIco serviceIco8 step step3 scaleBig" data-delay="1400"></div>
                      </div>
                    </a>
                    <div class="servicebox step step9 ifadeIn" data-delay="1800">
                      {foreach $qiye as $vo}
                      <p>{$vo.catename}</p>
                      {/foreach}
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="section section-3">

        <div class="section fp-section fp-table s3" id="section3" data-anchor="4thpage" style="background-color: rgb(255, 255, 255); height: 834px;">
          <div class="fp-tableCell" style="height: 834px;">
            <div class="center2">
              <div class="title2">
                <h1><img src="__INDEX__/public/pursue_f5104d2.png"></h1>
                <p>专业、便捷、安全并驾齐驱，口碑是哈图家政的立身之本</p>
              </div>
              <ul class="feature">
                <li>
                  <div class="featureicobox">
                    <div class="featureico1"></div>
                  </div>
                  <h2 class="h21">{$count.zhuanye.title}</h2>
                  <p class="p1">{$count.zhuanye.desc}</p>
                </li>
                <li>
                  <div class="featureicobox">
                    <div class="featureico2"></div>
                  </div>
                  <h2 class="h22">{$count.bianjie.title}</h2>
                  <p class="p2">{$count.bianjie.desc}</p>
                </li>
                <li>
                  <div class="featureicobox">
                    <div class="featureico3"></div>
                  </div>
                  <h2 class="h23">{$count.anquan.title}</h2>
                  <p class="p3">{$count.anquan.desc}</p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="section section-4">



        <div style=" margin: 0 auto; margin-top:30px; width: 1140px;">
          <h2 style="width: 100%;  text-align: center;margin-bottom:30px; font-weight: 500;">新闻动态</h2>

          {foreach $news as $vo}
          <div style="width:20%; margin-top: 30px; margin-left: 1.5%;float: left;">
            <div style="width:100%">
              <div class="img"><img width="100%" height="160px;" src="{$vo.pic}" alt=""></div>
              <h3 style="font-size: 16px; font-weight: 400; margin-top: 20px; margin-bottom: 20px; width:100%; text-align: left;">{$vo.title}</h3>
              <div style="font-size: 15px; color: #9B9B9B; width:100%; text-align: left;height: 120px;overflow: hidden;">{$vo.desc}</div>
            </div>
          </div>

          {/foreach}
          <div style="clear:both;"></div>
        </div>

        <div class="bigBox">
          <div class="maxBox">
            <div class="box">
              <h3>关于我们</h3>
              <div class="neil">
                {$conf.about}
              </div>
            </div>
            <div class="box">
              <h3>联系我们</h3>
              <div class="neil">
                <div class="neurone">联系电话： {$conf.tel}</div>
                <div class="neurone">联系地址： {$conf.dress}</div>
                <div class="neurone" style="margin-top:90px;">技术支持：<a href="www.cfckck.com" style="color:#fff" target="_blank">
                    赤峰汇潮网络</a></div>
              </div>
            </div>

            <div class="box">
              <h3>业务范围</h3>
              <div class="neil" style="margin: 0 auto; text-align: center">
                {foreach $cate as $vo}
                <div class="neurone">{$vo.catename}</div>
                {/foreach}
              </div>
            </div>

            <div class="box">
              <h3>友情链接</h3>
              {foreach $link as $vo}
              <div class="neil" style="text-align:center;">
                <a href="{$vo.url}" class="link" target="_blank">
                  <div>{$vo.title} </div>
                </a>
              </div>
              {/foreach}

            </div>
            <div class="box">
              <h3>关注公众号</h3>
              <div class="neil" style="margin: 0 auto; text-align: center">
                <img src="__INDEX__/image/wx.jpg" alt="" width="210px">
              </div>
            </div>
          </div>
        </div>
      </div>

    </section>
    <div class="entrybox">
      <div class="scan">
        <div class="scancode"></div>
      </div>
      <div class="wexin">
        <div class="weixincode"></div>
      </div>

    </div>
  </div>
  <ul class="section-btn">
    <li class="on"></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>

  <div class="cebbox">
    <div class="topheader">
      <span class="xiaokuai" style="margin-left: -55px;"></span> <span class="xiangduidingwei">联系我们</span>
    </div>
    <div class="tupiandianhua">
      <img src="__INDEX__/image/a_06.jpg" alt="">
    </div>
    <div class="dianhuahaoma">
      <p>17604762014<br /></p>
    </div>
    <div class="gongzhonghao">
      <img src="__INDEX__/image/gongzhonghao.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
      扫描二维码关注公众号
    </div>
    <div class="gongzhonghao">
      <img src="__INDEX__/image/kefuweixin.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
      扫描二维码加微信客服
    </div>
  </div>
  <script src="__INDEX__/js/jquery.min.js"></script>
  <script src="__INDEX__/js/index.js"></script>
</body>
<script type="text/javascript">
  var mobile_bs = {
      versions: function () {
          var u = navigator.userAgent;
          return {
            trident: u.indexOf('Trident') > -1, //IE内核   
             presto: u.indexOf('Presto') > -1, //opera内核   
             webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核   
             gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核   
             mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否为移动终端   
             ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端   
             android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器   
             iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器   
             iPad: u.indexOf('iPad') > -1,  //是否iPad   
             webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部  
        } } ()};
        if (mobile_bs.versions.mobile) { if (mobile_bs.versions.android || mobile_bs.versions.iPhone || mobile_bs.versions.iPad || mobile_bs.versions.ios) {  window.location.href = "{:url('index.php/appweb')}"; }};
</script>

</html>